<!DOCTYPE html>
<html>
<meta charset="UTF-8">
{% load static %}
<script src="{% static 'jquery.js' %}"></script>
<link rel="stylesheet" type="text/css" href="{% static 'DLT/css/DLT_note.css' %}">
<!-- csrf token  -->
<script>
    $.ajaxSetup({
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
    });
</script>


<head>
    <title>大乐透投注</title>
</head>
<body>
<div class="container">

    <!-- Navigation -->
    <header>
        <a href="">
            <h4 class="logo">大乐透玩法提示:至少选5个前区号码和2个后区号码组合成一注彩票，单注最高奖金<em>1000万</em>元，追加可中<em>1800万</em></h4>
        </a>
        <nav>
            <ul>
                <li><a href="/">主页</a></li>
                <li><a href="/DLT/history_data">历史开奖数据</a></li>
                <li><a href="/DLT/check_bonus">中奖查询</a></li>
{#                <li><a href="/DLT/note">投注</a></li>#}
            </ul>
        </nav>
    </header>
    <section class="section_note_head">
        <h1 class="note_h2">普通选号</h1>
    </section>

    <section>
        <div>
            <article id="article_rnd_red" class="article_red_ball">
                <h3>
                    <span><em><font color="red">前区</font></em> 至少选择5个</span>
                </h3>
                <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                    class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
                <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
                <span
                        class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
                <span class="btn_ball">12</span> <span class="btn_ball">13</span> <span class="btn_ball">14</span>
                <span
                        class="btn_ball">15</span> <span class="btn_ball">16</span>
                <span class="btn_ball">17</span>
                <span class="btn_ball">18</span> <span class="btn_ball">19</span> <span class="btn_ball">20</span>
                <span
                        class="btn_ball">21</span> <span class="btn_ball">22</span> <span class="btn_ball">23</span>
                <span class="btn_ball">24</span> <span class="btn_ball">25</span> <span class="btn_ball">26</span>
                <span
                        class="btn_ball">27</span> <span class="btn_ball">28</span> <span class="btn_ball">29</span>
                <span class="btn_ball">30</span> <span class="btn_ball">31</span> <span class="btn_ball">32</span>
                <span
                        class="btn_ball">33</span> <span class="btn_ball">34</span> <span class="btn_ball">35</span>
                <footer style="margin-top: 10px">
                    <select id="select_rnd_red">
                        <option value="5" selected="selected">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                        <option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                    </select>
                    <button id="bn_rnd_red"> 前区机选</button>
                    <button id="bn_red_clear">清空</button>
                </footer>
            </article>
        </div>
        <div>
            <aside id="aside_rnd_blue" class="aside_blue_ball">
                <div>
                    <h3>
                        <span><em><font color="blue">后区</font></em> 至少选择2个</span>
                    </h3>
                </div>
                <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                    class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
                <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
                <span
                        class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
                <span class="btn_ball">12</span>
                <footer style="margin-top: 10px">
                    <select id="select_rnd_blue">
                        <option value="2" selected="selected">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                    </select>
                    <button id="bn_rnd_blue">后区机选</button>
                    <button id="bn_blue_clear">清空</button>
                </footer>
            </aside>
        </div>
        <footer class="footer_select_btn">
            <em>投注期号</em><textarea id="text_common_phasenum" style="height: 40px"></textarea>
            <button class="btn" id="btn_common_note">确认选号</button>
            <button class="btn" id="btn_common_clear_all_select">清空选号</button>
        </footer>

    </section>

    <hr>
    <section class="section_note_head">
        <h1 class="note_h2">胆拖选号</h1>
    </section>
    <section>
        <article class="article_red_dan_ball">
            <h3>
                <span style="text-align: left"><em style="color:red">前区胆码区</em> 认为必出的号码 至少选择1个，最多可选4个</span>
            </h3>
            <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
            <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
            <span
                    class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
            <span class="btn_ball">12</span> <span class="btn_ball">13</span> <span class="btn_ball">14</span>
            <span
                    class="btn_ball">15</span> <span class="btn_ball">16</span>
            <span class="btn_ball">17</span>
            <span class="btn_ball">18</span> <span class="btn_ball">19</span> <span class="btn_ball">20</span>
            <span
                    class="btn_ball">21</span> <span class="btn_ball">22</span> <span class="btn_ball">23</span>
            <span class="btn_ball">24</span> <span class="btn_ball">25</span> <span class="btn_ball">26</span>
            <span
                    class="btn_ball">27</span> <span class="btn_ball">28</span> <span class="btn_ball">29</span>
            <span class="btn_ball">30</span> <span class="btn_ball">31</span> <span class="btn_ball">32</span>
            <span
                    class="btn_ball">33</span> <span class="btn_ball">34</span> <span class="btn_ball">35</span>
        </article>
        <article class="article_red_tuo_ball">
            <h3>
                <span style="text-align: left"><em style="color:red">前区拖码区</em> 认为可能出的号码 可选1或多个</span>
            </h3>
            <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
            <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
            <span
                    class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
            <span class="btn_ball">12</span> <span class="btn_ball">13</span> <span class="btn_ball">14</span>
            <span
                    class="btn_ball">15</span> <span class="btn_ball">16</span>
            <span class="btn_ball">17</span>
            <span class="btn_ball">18</span> <span class="btn_ball">19</span> <span class="btn_ball">20</span>
            <span
                    class="btn_ball">21</span> <span class="btn_ball">22</span> <span class="btn_ball">23</span>
            <span class="btn_ball">24</span> <span class="btn_ball">25</span> <span class="btn_ball">26</span>
            <span
                    class="btn_ball">27</span> <span class="btn_ball">28</span> <span class="btn_ball">29</span>
            <span class="btn_ball">30</span> <span class="btn_ball">31</span> <span class="btn_ball">32</span>
            <span
                    class="btn_ball">33</span> <span class="btn_ball">34</span> <span class="btn_ball">35</span>
        </article>
        <aside class="aside_blue_dan_ball">
            <div>
                <h3>
                    <span><em style="color: blue;">后区胆码区</em> 认为必出的号码 至多选1个</span>
                </h3>
            </div>
            <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
            <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
            <span
                    class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
            <span class="btn_ball">12</span>

        </aside>
        <aside class="aside_blue_tuo_ball">
            <div>
                <h3>
                    <span><em style="color: blue;">后区拖码区</em> 认为可能出的号码 至少选1个</span>
                </h3>
            </div>
            <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
            <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
            <span
                    class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
            <span class="btn_ball">12</span>

        </aside>
        <footer class="footer_select_btn">
            <em>投注期号</em><textarea id="text_dantuo_phasenum" style="height: 40px;float: bottom"></textarea>
            <button class="btn" id="btn_dantuo_note">确认选号</button>
            <button class="btn" id="btn_dantuo_clear_all_select">清空选号</button>
        </footer>

    </section>
</div>


</body>

<script src="{% static 'DLT/js/DLT_note.js' %}"></script>

</html>
